<template>
  <div class="mt--20 purchase-detail">
    <el-tabs type="border-card">
      <el-tab-pane label="采购入库详情">
        <div class="detail-section">
          <el-row type="flex" align="middle">
            <el-col :span="12">入库信息</el-col>
            <!-- <el-col :span="12"  v-if="dialogData.wareHouseStatus!=='已入库'" class="text-right"
              ><el-button type="success" @click="okInBound">完成入库</el-button></el-col
            > -->
          </el-row>
          <el-divider></el-divider>
          <el-form
            :model="dialogData"
            class="detail-form"
            label-width="120px"
          >
            <el-row>
              <el-col :span="6">
                <el-form-item label="配车合同号:">
                  <span class="detail-value">{{ dialogData.contractNum }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="6">
                <el-form-item label="采购门店:">
                  <span class="detail-value">{{ dialogData.storeName }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="7">
                <el-form-item label="车顶颜色:">
                  <span class="detail-value">{{
                    dialogData.roofColor
                  }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="5">
                <el-form-item label="车身颜色:">
                  <span class="detail-value">{{ dialogData.outColor }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="6">
                <el-form-item label="品牌:">
                  <span class="detail-value">{{
                    dialogData.brandName
                  }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="6">
                <el-form-item label="车系:">
                  <span class="detail-value">{{
                    dialogData.seriesName
                  }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="7">
                <el-form-item label="车型:">
                  <span class="detail-value">{{
                    dialogData.modelName
                  }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="5">
                <el-form-item label="内饰颜色:">
                  <span class="detail-value">{{ dialogData.inColor }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="标准进价:">
                  <span class="detail-value">{{
                    dialogData.criterionPrice
                  }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="6">
                <el-form-item label="实际进价:">
                  <span class="detail-value">{{
                    dialogData.realityPrice
                  }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="7">
                <el-form-item label="资金来源:">
                  <span class="detail-value">{{
                    dialogData.capitalSourceDict
                  }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="5">
                <el-form-item label="资金利息:">
                  <span class="detail-value">{{ dialogData.zjlxName }}</span>
                </el-form-item>
              </el-col>

              <el-col :span="6">
                <el-form-item label="计息起始日期:">
                  <span class="detail-value">{{
                    dialogData.interestStartTime
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="贷款到期日期:">
                  <span class="detail-value">{{
                    dialogData.loanEndTime
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="7">
                <el-form-item label="购车方式:">
                  <span class="detail-value">{{
                    dialogData.buyCarType
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="排放标准:">
                  <span class="detail-value">{{
                    dialogData.emissionStandards
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="发动机号:">
                  <span class="detail-value">{{
                    dialogData.engineModel
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="车架号:">
                  <span class="detail-value">{{
                    dialogData.vin
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="7">
                <el-form-item label="仓库:">
                  <span class="detail-value">{{
                    dialogData.storageName
                  }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="仓位:">
                  <span class="detail-value">{{
                    dialogData.storageSiteName
                  }}</span>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div>
      </el-tab-pane>
    </el-tabs>
    <!-- <print-form /> -->
  </div>
</template>

<script>
import { getDict } from '@/utils/index'
export default {
  props: {
    dialogData: {
      type: Object,
      default: {},
    },
  },
  computed:{

  },
  watch:{
    dialogData:{
      handler(data){
        let zjly=[]
        let d = data.capitalSourceDictId.split(',')
        getDict(['资金来源'])['资金来源'].map((it) => {
          if (d.includes(it.value.toString())) {
            zjly.push(it.text)
          }
        })
        data.capitalSourceDict = zjly.toString()

      }
    }
  },
  methods: {

  },

}
</script>

<style lang="scss" scoped>
/deep/ {
  .el-step__icon.is-icon {
    background: inherit;
  }
  .el-icon-success {
    color: #85ce61;
  }
  .el-icon-caret-right {
    color: #f56c6c;
  }
}
</style>
